<template>
  <div class="conter">
    <topNav></topNav>

    <!-- 内容区 -->
    <el-main>
      <con-tent></con-tent>
      <mid-Nav></mid-Nav>
      <new-messes></new-messes>
      <tese-img></tese-img>
      <newList></newList>
    </el-main>

    <my-footer></my-footer>
  </div>
</template>
<script>
import topNav from "../components/nav";
import conTent from "../components/content";
import midNav from "../components/nav2";
import newMesses from "../components/newmesses";
import teseImg from "../components/tese";
import newList from "../components/newlist";
import myFooter from "../components/footer";

export default {
  components: {
    topNav,
    conTent,
    midNav,
    newMesses,

    teseImg,
    newList,
    myFooter,
  },
  data() {
    return {};
  },
 watch:{
   if () {
     
   }
 }
};
</script>

<style >
body {
  margin: 0;
  padding: 0;
  background: #f7f7f7;
}
li {
  list-style: none;
}

.conter .el-main {
  padding: 0;

  overflow-y: hidden;
  background-repeat: no-repeat;
  background-size: cover;
}
</style>